@charset "utf-8";
/* CSS Document */
/*-----------------------------------// 全局样式 //-----------------------------------*/
body { margin:0; padding:0; font-size:12px; font-family: Arial, "宋体", Helvetica, sans-serif, Verdana; color:#000; line-height:24px; background: #ffffff; background:url(../images/bg.jpg) repeat-x #ebebeb;}
ul,li,img,dl,dd,dt,form,table,tr,td,p,ol,div,input,label,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
li { list-style-type:none;}
table { border-collapse:collapse; border-spacing:0; empty-cells:show;/*空单元格*/}
th, td { border-collapse:collapse; }
a { blr:expression(this.onFocus=this.blur());} /*for IE 去除链接虚线框*/
a { outline:none; } /*for Firefox*/
img { border:none;}
a { color:#000; text-decoration:none;}
a:hover { color:#1e93fa; text-decoration:underline;}
.clear { clear:both; overflow:hidden; zoom:1;}
.b { font-weight:bold;}
.float_right { float:right;}
.float_left { float:left;}
.hg10 { height:10px; zoom:1; clear:both; overflow:hidden;}
.hg5 { height:5px; overflow:hidden; zoom:1; clear:both;}
em { font-style:normal;}
/*解决ie6图片缩小出现锯齿的问题*/
v\:* { behavior: url(#default#VML);}
img.thumb{-ms-interpolation-mode: bicubic;}
.clear{margin:0; padding:0; clear:both; border:none;}

/*-----------------------------------// 页面样式 //-----------------------------------*/
/*------ 外部DIV ------*/
#container{width:100%;}

#web_main{width:1004px; margin:0 auto; margin-bottom:10px; margin-top:10px;}
#header{height:127px;  width:1000px; overflow:hidden; margin:0 auto;}
.logo{ width:280px; float: left; height:115px;}
.tel{ width:120px; float:right; margin-top:20px; color:#9b9b9b;}
.tel a { color:#9b9b9b; }
.tel2{ width:215px; float:right; margin-top:20px; color:#9b9b9b;}
.menu{ background:#363636; width:1004px; height:43px; position:relative; margin:0 auto; clear:both; background:url('../images/menu.jpg') no-repeat;}
.menu li{ width:128px; height:43px; float:left; text-align:center; line-height:43px; font-size:14px; background:url('../images/nav_li.jpg') no-repeat top right;}
.menu li a{color: #fff;  width:128px; height:43px; display: block; text-decoration: none;}
.menu li a:hover { color:#1e93fa; text-decoration: none; background:url('../images/hover.jpg') repeat-x; /*鼠标滑上去后，链接的颜色和背景*/}


#nav_ecwms { width:1004px; height:43px; line-height:43px; }
#nav_ecwms .wxmenu1 { zoom:1; }
#nav_ecwms .wxmenu1 li { width:128px; height:43px; float:left; text-align:center; line-height:43px; font-size:14px; background:url('../images/nav_li.jpg') no-repeat top right; }
#nav_ecwms .wxmenu1 li a {color: #fff;  width:128px; height:43px; display: block; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#nav_ecwms .wxmenu1 li a:hover { color:#1e93fa; text-decoration: none; background:url('../images/hover.jpg') repeat-x;/*鼠标滑上去后，链接的颜色和背景*/}
#nav_ecwms .wxmenu1 ul { display:none;}
#nav_ecwms .wxmenu1 ul li { position:relative; }
#nav_ecwms .wxmenu1 li ul { width:128px;  top:43px; /*下拉二级ul*/ position:absolute; margin: 0px; padding:0; z-index:100; }
#nav_ecwms .wxmenu1 li ul li { width:128px; background-color:#000000; /*下拉二级和三级li的样式*/ border:0; background-image:none;  height:30px; line-height:30px; text-align:left; padding:0;}
#nav_ecwms .wxmenu1 li ul li a { color:#fff; width:128px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align: center;  display:block; text-indent:0px; height:30px; background:none; overflow:hidden; zoom:1;}
#nav_ecwms .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#nav_ecwms .wxmenu1 li ul li a:hover { color:#fff; width:128px; background:#898989; /*下拉二级三级鼠标滑过样式*/ height:43px; text-align: center; display:block;}
#nav_ecwms .wxmenu1 li ul ul { left:101px;/*下拉三级左边距*/ z-index:200; top:0;}
#nav_ecwms .wxmenu1 li a.selected { color: #fff; font-weight:bold;  width:128px; height:43px; display: block; text-decoration: none;   /*当前位置*/}

#banner{ width:1006px;  margin-top:22px; margin:0 auto; margin-top:22px;}
.tu1{ width:209px; height:140px; float:right; background:url(../images/tu1.jpg) no-repeat; margin:10px;}
#left{width:521px; float:left; margin-left:10px;}
.left_t{ }
.about{width:246px; float:left;  margin-top:2px;}
.about_bar{ background:url(../images/about_bar.jpg) no-repeat; height:40px; }
.about_nei{background:url(../images/nei.jpg) no-repeat; height:197px; line-height:30px; padding:0 15px; margin-left:6px; padding-top:5px;}
.home_r_bar{ background:url(../images/home_r_bar.jpg) no-repeat; height:40px; }
.r_new_pro{ background:url(../images/new_pro.jpg) no-repeat; width:203px; height:152px; margin:0 auto; margin-top:10px;}
.about_nei li{ background:url(../images/list.jpg) no-repeat left center; color:#3f3d3d; line-height:30px; width:211px;}
.about_nei li a{color:#02537e; display:block;  padding-left:20px; width:200px; font-size:12px; font-weight:bold;}
.about2{ overflow:hidden; width:220px;}
.more{float:right; line-height:41px; padding-right:5px; }
.more a{color:#717171;}
.span1{ font-size:15px; font-weight:bold; color:#3a3a3a; line-height:41px; padding-left:10px;}

.honor{width:521px; float:left; background:#fff; overflow:hidden;}
.honor_bar{background:url(../images/honor.jpg) no-repeat; width:511px; height:40px; padding-right:10px;}
.honor_nei{ padding:5px; border: 1px solid #CDCDCD; height:173px;}
.honor_nei img{width:197px; height:201px; float:left; margin-right:5px;}
.time{float: right;}
#web_news li{border-bottom:#f5f5f7 solid 1px;background:url(../images/lili2.jpg) no-repeat 5px 10px; padding-left:15px;}
#web_news_h li{background:url(../images/new_li.jpg) no-repeat 5px 10px; padding-left:15px; margin-bottom: 5px;}

.pro{width:521px;margin-top: 10px; }
.pro2{width:955px; margin-left:2px; float:left;}
.pro2_bar{ background:url(../images/shebei.jpg) no-repeat; width:955px; height:45px;}
.pro2_nei{height:170px; padding:10px 0 0; padding-left:5px;}

#left1{width:220px; float:left; margin-right: 10px;}
#right_h{width:224px; float:right; }
#list{width:220px; }
.list_bar{background:url(../images/list_bar.jpg) no-repeat; width:231px; height:46px;}
.list_nei{height:182px; padding:10px; width:220px;background:url(../images/nei2.jpg) no-repeat;}
.list_nei li{ background:url(../images/list.jpg) no-repeat left center; border-bottom:#d1d1d1 1px dashed; color:#3f3d3d; line-height:31px; width:211px;}
.list_nei li a{color:#0770aa; display:block;  padding-left:5px; width:200px;}

#liuyan{margin:20px 0; width:233px; height:76px;}

#contact{width:220px; margin-top:20px; clear:both;}
#contact2{width:220px; margin-top:10px; clear:both; }
.cont_nei{height: 163px; padding:10px; line-height:25px; line-height:31px;  border: 1px solid #CDCDCD; background:#fff; }
.a1{ background:url(../images/a1.jpg) no-repeat; line-height:30px; height:30px; width:100%; padding-left: 10px;}

#footer{ background:url(../images/foot.jpg) repeat-x; text-align:center; padding:30px 0; margin-top:10px;  height:32px; color:#2c2c2c; width:100%; margin:0 auto;}
#footer a{color:#2c2c2c;}

#left2{float:right; width:765px;}
.bar{background:url(../images/bar.jpg) no-repeat; width:755px; height:40px; color:#676464;  font-size:15px; font-weight:bold;line-height:40px; padding-left:10px; }
.bar span{float:right; font-size:12px; font-weight:normal; line-height:40px; padding-left:20px; color:#717171; padding-right:5px;}
.bar span a{ color:#717171;}
.neirong{ padding:5px; padding-left:5px; padding-left:10px; border: 1px solid #CDCDCD; background:#fff;}
.neirong_b{ background:#fff; border:1px #cdcdcd solid; padding:5px; height:173px; background:url(../images/cpxl.jpg) no-repeat;}
.neirong_gd{ background:#fff; border:1px #cdcdcd solid; padding:5px; height:173px; }
.neirong_b_r{ background:#fff; border:1px #cdcdcd solid; padding:5px; width:100%;}
.neirong_ri{ background:#fff; border:1px #cdcdcd solid; padding:5px; height:418px;}
#right2{float:left;  width:220px; }

/*--- 产品列表 ---*/
#web_product li { float:left; padding:10px 7px 10px 7px; width:169px; height:155px; }
#web_product li p.pro_other { line-height:24px; text-align:center;}
.div1 { padding:5px;  width:165px; height:120px; border:1px solid #ddd; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }
.div2 { padding:5px; width:165px; height:120px; border:1px solid #1e93fa; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle   }

.div1 p,.div2 p {  position:static;  }   
.div1 img,.div2 img { position:static; width: 165px; height: 120px; _width: expression(this.width > 165 ? 165 : true); _height: expression(this.height > 120 ? 120 : true);}
.div1 a img,.div2 a img { }

.div3 {  width:165px; height:120px; border:1px solid #ddd; overflow:hidden; text-align:center; vertical-align:middle   }
.div4 {  width:165px; height:120px; border:1px solid #1e93fa; overflow:hidden; text-align:center; vertical-align:middle   }
.div3 img,.div4 img { width:165px; height:120px; padding:1px;}


	    /*--- 产品类别 ---*/
    .prod_type {padding:0 5px;}
    .prod_type ul { margin:0 auto; float:none; }
    .prod_type ul li {}
    .prod_type ul li {  background:url(../images/lili.jpg) left no-repeat;  width:180px; line-height:30px; padding-left:25px;}
    .prod_type ul li li { background:none;}
    .prod_type ul li a { height:20px; line-height:20px; font-size:12px; color:#6b6b6b;}
	.prod_type ul li a:hover, .prod_type ul li.act a {}
    .prod_type ul ul { display:none; }
    .prod_type ul ul li { text-indent:20px; border:0px; padding:0px; background-position:0px 8px; }
    .prod_type ul li, .prod_type ul li a, .prod_type ul li a:visited {}
	
	 /*--- 产品类别 ---*/
    .prod_type2 { padding:4px 0 10px 15px; border-top:none;}
    .prod_type2 ul { margin:0 auto; float:none; }
    .prod_type2 ul li { }
    .prod_type2 ul li { background:url(../images/list.jpg) no-repeat left 10px;}
    .prod_type2 ul li li { background:none;}
    .prod_type2 ul li a { height:29px; line-height:29px; font-size:12px; font-weight:bold;color:#02537e; background:url(../images/lili.jpg) no-repeat left 5px; }
	.prod_type2 ul li a:hover{background:url(../images/hover.jpg) no-repeat;  width:220px; line-height:39px; text-align:center;color:#ffffff; height:40px; line-height:40px; font-size:14px; display:block}
    .prod_type2 ul li a:hover, .prod_type ul li.act a {background:url(../images/hover.jpg) no-repeat;  width:220px; line-height:39px; text-align:center;color:#ffffff; height:40px; line-height:40px; font-size:14px; display:block}
    .prod_type2 ul ul { display:none; }
    .prod_type2 ul ul li { text-indent:20px; border:0px; padding:0px; background-position:0px 8px; }
    .prod_type2 ul li, .prod_type ul li a, .prod_type ul li a:visited {}

/*--- 新增滚动 ---*/
#demo { overflow:hidden; width:500px; height:170px; }
#demo li {}
#demo li img{}
#indemo { float: left; width: 880%; }
#demo1 { float: left; }
#demo2 { float: left;} 

/*--- 分页 ---*/
.page_num { width:100%; height:60px; text-align:center; clear:both; }
.page_num strong { padding:2px 5px 2px 5px; background-color:#0c74ae; color:#fff; margin:0 3px;}
.page_num a { padding:2px 5px 2px 5px; background-color:#fff; border:1px solid #0c74ae; margin:0 3px;}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}


/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;}
#protext { width:100%; padding:10px 0;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:600px; _width: expression(this.width > 600 ? 600 : true);}

/*--- 新闻具体内容 ---*/
h2#h2_news { font-size:18px; line-height:60px; text-align:center;}
#news_top1 { color:#999; font-size:12px; line-height:28px; text-align:center;}
#news_contain { padding:10px;}
#web_news2 li{line-height:30px; background:url(../images/icon2.gif) no-repeat left center; padding-left:15px; border-bottom:#bbbbbb 1px dashed;}
/*--- 发布时间 ---*/
.n_time { float:right; color:#777;}

/*在线招聘页面*/
input.input_job { height:16px; line-height:16px; width:220px;}


/*--- 在线客服 ---*/
.kf_list { padding:10px 10px; line-height:30px;overflow:hidden; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
/*--- 友情链接 ---*/
.link_list { overflow:hidden; zoom:1; padding:0 0 10px 0; /*border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede;*/}
.link_list ul li { float:left; width:110px; padding:10px 10px 0 10px;}



